<script setup>
import { ref } from 'vue'
import eLeft from './components/left/index.vue'
import eRight from './components/right/index.vue'
import Emain from './components/main/index.vue'
</script>

<template>
  <div class="container">
    <div class="main">
      <eLeft></eLeft>
      <Emain></Emain>
      <eRight></eRight>
    </div>
  </div>
</template>

<style scoped lang="scss">
.container {
  width: 100vw;
  height: 100vh;
  background: url('./images/bg.png') no-repeat center center / cover;
  min-width: 750px;
  .main {
    width: 1800px;
    height: 100vh;
    margin: 0 auto;
    display: flex;
  }
}
</style>
